<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
  <head>
    <title>Projeto</title>

    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="resources/css/estilo.css">

    <style>
      table, th, td {
        border: 1px solid gray;
        border-collapse: separate;     
        background-color: #EEEEEE;       
      }
      th, td {
        padding: 0px;
        text-align: center;
      }
      table{ 
        margin-top: 10px;
        width: 350px;
        margin-left: auto;
        margin-right: auto;            
      }
    </style>
  </head>
  <body>
    <div id="total" >
      <div id="cabecalho">
        <header>
          <img id="banner" alt="banner" src="resources/images/om.jpg">
        </header>
      </div>
      <table>
        <tr>
          <th colspan="5" style="font-size: 45px; font-family: verdana; background-color: #CCCCFF">A.E.D.E</th>        
        </tr>
        <tr>        
          <th rowspan="2" style="background-color: #DDDDDD">Alunos</th>
          <th rowspan="1" colspan="3" style="background-color: #DDDDDD">NOTAS</th>	        
          <th rowspan="2" style="background-color: #DDDDDD">Situação</th>        
        </tr>      
        <tr>       
          <th>V1</th>
          <th>V2</th>
          <th>V3</th>
        </tr>      
        <tr>
          <td>André Santos Jr.</td>
          <td>8.5</td>		
          <td>7.0</td>		
          <td>9.0</td>		
          <td style="color: blue; font-weight: bold">APROVADO</td>                
        </tr>
        <tr>
          <td>Bruno Campos</td>
          <td>8.5</td>		
          <td>7.0</td>		
          <td>9.0</td>
          <td style="color: blue; font-weight: bold">APROVADO</td>
        </tr>
        <tr>
          <td>José Silva</td>  
          <td>3.5</td>		
          <td>4.5</td>		
          <td>3.0</td>	
          <td style="color: red; font-weight: bold">REPROVADO</td>                
        </tr>
        <tr>
          <td style="font-weight: bold">MÉDIA GERAL</td>
          <td>6</td>		
          <td>6</td>		
          <td>6</td>
          <td>---</td>
        </tr>
      </table> 
    </div>
  </body>
</html>
